<template>
	<section class="tab-container">
		<el-tabs>
			<el-tab-pane label="产品信息">
				<product-info></product-info>
			</el-tab-pane>
			<!-- <el-tab-pane label="消息通信">
				<product-communication></product-communication>
			</el-tab-pane> -->
		</el-tabs>
	</section>
</template>

<script>
  import ProductInfo from '@views/product/children/info'
  import ProductCommunication from '@views/product/children/communication'
  import { Vue, Component } from 'vue-property-decorator'

  @Component({
    components: {
      ProductInfo,
      ProductCommunication
    }
  })
  export default class ProductDetail extends Vue {
    mounted() {
      this.id = this.$route.params.id;
    }
  }
</script>

<style lang="scss" scoped>
  @import '~@scss/theme/table.scss';
</style>
